const pxtorem = require("postcss-pxtorem");
module.exports = {
  lintOnSave: false,
  css: {
    loaderOptions: {
      // 后处理器配置
      postcss: {
        plugins: [
          // 把px转为rem
          pxtorem({
            rootValue: 37.5,
            propList: ["*"],
          }),
        ],
      },
    },
  },

  // devServer配置
  devServer: {
    // 代理: 跨域配置
    proxy: {
      // 只要请求地址有'api'都会匹配上
      "/api": {
        // 要配置跨域的服务器
        target: "http://81.71.65.4:3003",
        ws: true,
        // 允许跨域
        changeOrigin: true,
        // 我们访问 http://localhost:8080/api/cart/all 时,
        // 代理(devServer)会重写接口地址: http://81.71.65.4:3003/cart/all
        pathRewrite: {
          "^/api": "", //通过pathRewrite重写地址，将前缀/api转为/
        },
      },
    }, 
    // 模拟数据
    before(app) {
      // 分类列表
      app.get("/api/category/all", (req, res) => {
        res.json(require('./mock/category/all.json'));
      }); 
      // 商品列表
      app.get("/api/product/list", (req, res) => {
        res.json(require('./mock/product/list.json'));
      }); 
    }  
  },
};
